<template>
	<div class="wraper">
		<div class="top" :class="{isIphoneX:isIphoneX,iphone:isIphone}">
			<div class="nav-bar">
				<div class="arrow" @click="goBack"></div>
				<span @click="goHistory">{{$t('transfer-key1')}}</span>
			</div>
			<h1>{{$t('transfer-key2',{name:'USDT'})}}</h1>
			<div class="choice-name"><span>{{$t('transfer-key3')}}</span><span>USDT</span></div>
		</div>
		<div class="items">
			<div class="item"><span>{{$t('transfer-key4')}}</span><b>{{$t('transfer-key6')}}</b></div>
			<div class="item"><span>{{$t('transfer-key5')}}</span><b>{{$t('transfer-key7')}}</b></div>
		</div>
		<div class="main">
			<h2>{{$t('transfer-key8',{name:'USDT'})}}</h2>
			<input type="number" @blur="amountBlur" v-model="amount" placeholder="0.00">
			<h3>
				<span>{{$t('transfer-key9')}}<b>{{allAmount}}</b></span>
				<i @click="sellAll">{{$t('transfer-key10')}}</i>
			</h3>
			<h4 v-if="limitAmount > 0">{{$t('transfer-key11',{amount:limitAmount})}}</h4>
		</div>
		<div class="btn-box">
			<van-button :loading-text="$t('transfer-key12')" @click="upload" :loading="loading" class="btn" type="primary">{{$t('transfer-key2',{name:''})}}</van-button>
		</div>
	</div>
</template>
<script src="./transfer.js"></script>
<style scoped>
	@import './transfer.css';
</style>